import axios from 'axios'
import { Message } from 'element-ui'
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
NProgress.configure({
  easing: 'ease', // 动画方式

  speed: 500, // 递增进度条的速度

  showSpinner: false, // 是否显示加载

  trickleSpeed: 200, // 自动递增间隔

  minimum: 0.3 // 初始化时的最小百分比
}) // 在页面跳转使用
const mockRequest = axios.create({
  baseURL: '/mock',
  timeout: '5000'
})
// 请求拦截器
mockRequest.interceptors.request.use(
  (config) => {
    NProgress.start()
    return config
  },
  (error) => {
    return Promise.reject(error)
  }
)
// 响应拦截器
mockRequest.interceptors.response.use(
  (config) => {
    NProgress.done()
    return config
  },
  (error) => {
    if (error.message === 'timeout of 5000ms exceeded') {
      Message.error('服务器忙,请稍后再试!')
    }
    return Promise.reject(error)
  }
)
export { mockRequest }
